<%@page contentType="text/html;charset=utf-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>当当图书 – 全球最大的中文网上书店</title>
		<link href="../css/book.css" rel="stylesheet" type="text/css" />
		<link href="../css/second.css" rel="stylesheet" type="text/css" />
		<link href="../css/secBook_Show.css" rel="stylesheet" type="text/css" />
		<link href="../css/liuyan.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
		<script type="text/javascript" src="../js/myfocus-2.0.0 beta.min.js"></script>
		<script >
		/*
		window.onload=function(){
  			
  				$.ajax({
					type:'post',
					url:'hotbook',
					data:'',
					success:function(data){
						alert(1)
					}
					
						
					
				})
			
			}
		
		*/
		
		
		</script>
		<style type="text/css">
			body { background:#fff; padding:20px;}
			#myFocus{ width:517px; height:296px;clear:both;}
			#screenshot {display:none; color:
			
			#fff;position: absolute;border: 1px solid black;}
			
			.showimg{height: 260px;width:200px;}
		</style>
		<script type="text/javascript">
//
// 请随意在pattern参数上设置你想要的样式,例如'mF_qiyi','mF_YSlider'...
// P.S.不需要手动添加任何文件，enjoy it~
//
			myFocus.set({id:'myFocus',pattern:'mF_YSlider'});
		</script>
		<script type="text/javascript">
			$(function(){
				$('#left1').load(function(){
					
				})
			})
			
			$(function(){
				$('#new123').load("findNewPros.action");
			});
			
			$(function(){
				$('#hot').load("/dang/main/hot.jsp");
				
			});
		</script>
		<script type="text/javascript">
	myFocus.pattern.extend({//*********************tqq******************
		'mF_sd_tqq':function(settings,$){
			var $tqq=$(settings);
			var $msgUl=$tqq.find('.msgs');
			//PLAY
			$tqq.play(function(i,n){
				var last=$msgUl.find('li')[n-1],lastH=last.offsetHeight;
				$msgUl.slide({marginTop:lastH},800,function(){
					$msgUl[0].insertBefore(last,$msgUl[0].firstChild);
					$msgUl[0].style.marginTop=0+'px';
					$(last).fadeIn();
				});
			});
		}
	});
	//实例化
	myFocus.set({
		id:'tqq',
		pattern:'mF_sd_tqq',
		time:3
	});
	$(function(){
				$("#new").load("findNewPros");
				$("#left").load("categoryAction");
			});
			function order(val){
				//alert(val);
				location='booklist?parentId=${parentId}&currentId=${currentId}&order='+val;
			}
			this.screenshotPreview = function(){	
				xOffset = 100;
				yOffset = 100;
				$("a.screenshot").hover(function(e){
					//alert($(this).parent('div.second_c_02_b1_1').offset().top);
					this.t = this.title;
					this.title = "";	
					var c = (this.t != "") ? "<br/>" + this.t : "";
					$(this).parent('div.second_c_02_b1_1').append("<div id='screenshot'><img src='"+ this.rel +"'border=1 class='showimg'/>"+ c +"</div>");								 
					$("#screenshot").css("top",($(this).parent('div.second_c_02_b1_1').offset().top - xOffset) + "px").css("left",($(this).parent('div.second_c_02_b1_1').offset().left + yOffset) + "px").fadeIn(500);						
    			},
				function(){
					this.title = this.t;	
					$("#screenshot").remove();
    			});	
				$("a.screenshot").mousemove(function(e){
					$("#screenshot").css("top",($(this).parent('div.second_c_02_b1_1').offset().top - xOffset) + "px").css("left",($(this).parent('div.second_c_02_b1_1').offset().left + yOffset) + "px");
				});	
						
			};
			$(document).ready(function(){
				screenshotPreview();
			});
</script>

	</head>
	<body><s:debug></s:debug>
		&nbsp;
		<!-- 头部开始 -->
		<%@include file="../common/head.jsp"%>
		<!-- 头部结束 -->
		<div style="width: 962px; margin: auto;">
			<a href="#" target="_blank"><img
					src="../images/default/book_banner_081203.jpg" border="0" /> </a>
		</div>

		<div class="book">

			<!--左栏开始-->
			<div id="left" class="book_left">
			<s:action name="categoryAction" namespace="/main" executeResult="true"></s:action>
			</div>
			<!--左栏结束-->

			<!--中栏开始-->
			<div class="book_center">

				<!--推荐图书开始-->
				<div class=second_c_border1 id="recommend">
				<s:action name="recommend" namespace="/main" executeResult="true"></s:action>
				</div>

				<!--推荐图书结束-->

				<!--热销图书开始-->
				<div  id="hot">
				
				</div>
				<!--热销图书结束-->

				<!--最新上架图书开始-->
				<div class="book_c_border2" id="new">
				<s:action name="findNewPros" namespace="/main" executeResult="true"></s:action>
				</div>

				<!--最新上架图书结束-->

				<div class="clear">
				</div>
			</div>
			<!--中栏结束-->



			<!--右栏开始-->
			<div class="book_right">
			<s:action name="hotbook" namespace="/main" executeResult="true"></s:action>
			</div>
			<!--右栏结束-->
			
			 
			
			<%-- <div class="book_right">
				<div class="book_r_border2" id="__XinShuReMai">
					<div class="book_r_b2_1x" id="new_bang">
						<h2 class="t_xsrm">
							新书热卖榜
						</h2>
						<div id="NewProduct_1_o_t" onmouseover="">
							<h3 class="second">
								<span class="dot_r"> </span><a href="#" target="_blank">更多&gt;&gt;</a><br/>
								<img src="../productImages/15.jpg" alt="" style="width:30px;float:left"/>
							</h3>
							<h3 class="second">
								<span class="dot_r"> </span><a href="#" target="_blank">更多&gt;&gt;</a>
							</h3>
							<h3 class="second">
								<span class="dot_r"> </span><a href="#" target="_blank">更多&gt;&gt;</a>
							</h3>
						</div>
					</div>
				</div>
			</div> --%>
			
			
			<div class="clear"></div>
		</div>

		<!--页尾开始 -->
		<%@include file="../common/foot.jsp"%>
		<!--页尾结束 -->
	</body>
</html>
